mui.init({
	keyEventBind: {
		backbutton: false, //Boolean(默认true)关闭back按键监听,从首页跳转过来时防止回到首页
	},
});

mui.plusReady(function() {
	var aw = plus.webview.currentWebview();
	//设置手机状态栏颜色
	plus.navigator.setStatusBarBackground("#498af7");
	//禁止横屏
	plus.screen.lockOrientation('portrait-primary');
	//从storage中取出字符串并将字符串转化为对象
	var userData = JSON.parse(plus.storage.getItem("userinfo"));
	//由于app入口为首页，判断是否需要登陆，是则跳转登录，否则触发自定义事件加载app页面。
	if(userData) {
		mui.fire(aw, 'loadAppPage', {})
	} else {
		//本地存储不存在，跳转登录
		mui.openWindow({
			url: 'views/login/login.html',
			id: 'login.html',
			styles: {
				top: 0, //新页面顶部位置
				bottom: 0, //新页面底部位置
			},
		})
		//隐藏本页面，防止登录页面返回
		aw.hide();
	}
//				plus.storage.clear();
//				console.log(plus.storage.getItem("userinfo"));
})

//app页面的加载写在自定义事件里，避免未加载成功跳转登录，登陆后app页面出问题。
window.addEventListener('loadAppPage', function() {
	//把子页的路径写在数组里面,使用id来切换页面，顶部文字和底部选项卡图片
	var subpages = ['views/homepage/homepage.html', 'views/equipment/equipment.html', 'views/order/order.html', 'views/my/my.html'];
	var subpagesId = ['homepage.html', 'equipment.html', 'order.html', 'my.html'];
	//获取当前页面所属的Webview窗口对象
	var self = plus.webview.currentWebview();
	for(var i = 0; i < 4; i++) {
		//创建webview子页
		var sub = plus.webview.create(
			subpages[i], //子页url
			subpagesId[i], //子页id
			{
				top: 0, //设置距离顶部的距离，44正合适
				bottom: '51px', //设置距离底部的距离,47px不滚动，51px有细线
				scrollIndicator: 'none'
			}
		);
		//如不是我们设置的默认的子页则隐藏，否则添加到窗口中
		if(i > 0) {
			sub.hide();
		}
		//将webview对象填充到窗口
		self.append(sub);
	}

	//图片路径对象
	var navImgDefault = {
		'homepage.html': 'images/drawable-hdpi/nav_homepage_default.png',
		'equipment.html': 'images/drawable-hdpi/nav_equipment_default.png',
		'order.html': 'images/drawable-hdpi/nav_order_default.png',
		'my.html': 'images/drawable-hdpi/nav_my_default.png'
	};
	var navImgActive = {
		'homepage.html': 'images/drawable-hdpi/nav_homepage_active.png',
		'equipment.html': 'images/drawable-hdpi/nav_equipment_active.png',
		'order.html': 'images/drawable-hdpi/nav_order_active.png',
		'my.html': 'images/drawable-hdpi/nav_my_active.png'
	};

	//当前激活选项
	var activeTab = subpagesId[0],
		title = document.querySelector(".mui-title");

	//选项卡点击事件
	mui('.mui-bar-tab').on('tap', 'a', function(e) {
		//获取目标子页的id
		var targetTab = this.getAttribute('id');
		if(targetTab == activeTab) {
			return;
		}
		//更换上个图片为默认状态
		document.getElementById(activeTab).querySelector(".tab-img").setAttribute('src', navImgDefault[activeTab]);
		//更换选中的图片
		this.querySelector(".tab-img").setAttribute('src', navImgActive[targetTab]);

		//显示目标选项卡
		plus.webview.show(targetTab);
		//隐藏当前选项卡
		plus.webview.hide(activeTab);
		//更改当前活跃的选项卡
		activeTab = targetTab;
	});
})